﻿<link rel="stylesheet" type="text/css" href="modules/IShopStore/pnjavascript/tooltip/style.css">
<!-- เอาไปแปะไว้ในเทมเพลท  <script src="modules/IShopStore/pnjavascript/tooltip/jquery.tools.min.js" type="text/javascript"></script>-->
<div class="recommend_product">
<!--[foreach from=$objectArray item=item]-->
<div class="recommend_product_list"> 

  <div class="recommend_product_image productWrap">
      <div class="product_image productImageWrap" id="productImageWrapID_newitem_<!--[$item.id]-->">
        <a href="<!--[pnmodurl modname='IShopStore' func='view' ctrl='item' id=$item.id]-->">
          <img src="<!--[pngetbaseurl]--><!--[$item.firstthumbname]-->" width="130px" alt="<!--[$item.title]-->"/>
        </a>
      </div>
  </div>
  
	<div class="recommend_product_title">
			<a id="description<!--[$i++]-->" target="_blank" href="<!--[pnmodurl modname='IShopStore' func='view' ctrl='item' id=$item.id]-->">
				<!--[$item.title|mb_truncate:30:".."]-->
        <div id="productTitle_newitem_<!--[$item.id]-->" style="display:none;"><!--[$item.title]--></div>					
			</a>
			<div class="tooltip"> 
				<div class="tooltip_head"></div>
				<div class="tooltip_content">
					<i>รหัสสินค้า :</i><span><!--[$item.item_ref_id]--></span>
					<p><i>รายละเอียด :</i><!--[$item.detail|mb_truncate:100:"..."]--></p>
					<a target="_blank" href="<!--[pnmodurl modname='IShopStore' func='view' ctrl='item' id=$item.id]-->">อ่านต่อ</a>
				</div>
				<div class="tooltip_footer"></div>
			</div> 
	</div>
	<div class="recommend_product_price">
			<!--[if is_numeric($item.price)]-->
				<!--[if $item.price eq '0' ]-->
					ไม่ระบุราคา<br />
				<!--[else]-->
						<div class="productPriceWrapRight">
							<a href="<!--[pnmodurl modname='IShopStore' type='ajax' func='addToCart' id=$item.id]-->" onClick="return false;">						
								<button class="button_cart" alt="Add To Basket" id="featuredProduct_newitem_<!--[$item.id]-->">หยิบใส่ตะกร้า</button>
							</a>
						</div>	
					<span><!--[$item.price|number_format:0]-->฿</span>
          <div id="price_newitem_<!--[$item.id]-->" style="display:none;"><!--[$item.price]--></div>	          														
				<!--[/if]-->
			<!--[else]-->
				<!--[$item.price|mb_truncate:19:".."]--><br />
			<!--[/if]-->
	</div>
</div>
<!--[/foreach]-->
</div>

<script> 
$(document).ready(function() {
	$("#description").tooltip({
	position: 'bottom center',
   offset: [10, 2],
   effect: 'slide'
})
});
$(document).ready(function() {
	$("#description1").tooltip({
	position: 'bottom center',
   offset: [10, 2],
   effect: 'slide'
})
});
$(document).ready(function() {
	$("#description2").tooltip({
	position: 'bottom center',
   offset: [10, 2],
   effect: 'slide'
})
});
$(document).ready(function() {
	$("#description3").tooltip({
	position: 'bottom center',
   offset: [10, 2],
   effect: 'slide'
})
});
$(document).ready(function() {
	$("#description4").tooltip({
	position: 'bottom center',
   offset: [10, 2],
   effect: 'slide'
})
});
$(document).ready(function() {
	$("#description5").tooltip({
	position: 'bottom center',
   offset: [10, 2],
   effect: 'slide'
})
});
$(document).ready(function() {
	$("#description6").tooltip({
	position: 'bottom center',
   offset: [10, 2],
   effect: 'slide'
})
});$(document).ready(function() {
	$("#description7").tooltip({
	position: 'bottom center',
   offset: [10, 2],
   effect: 'slide'
})
});

</script> 
